/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic&v2);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:700&v2);
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
font-family:'Open Sans' , Verdana, Arial;
margin:0;
padding:0;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block;
font-family:'Open Sans' , Verdana, Arial;
}

body {
line-height:1;
font-size:8pt;
background-color:#EAF1F4;
}

ol,ul {
list-style:none;
}

blockquote,q {
quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after {
content:none;
}

table,td {
border-collapse:collapse;
border-spacing:0;
font-family:'Open Sans' , Verdana, Arial;
}

input,select,textarea {
font-family:'Open Sans' , Verdana, Arial;
font-size:8pt;
outline:none;
margin:0;
padding:1px 0;
}

html,body,form {
height:100%;
}

#login {
background-image:url(../images/Login.png);
position:absolute;
top:50%;
left:50%;
height:200px;
width:240px;
margin-left:-240px;
margin-top:-220px;
padding:256px 0 0 210px;
}

#header {
background-color:#9dccff;
background-image:url(../images/header.png);
height:235px;
position:relative;
}

#header h1 {
font-size:400%;
line-height:125px;
padding-left:20px;
font-weight:700;
font-family:Ubuntu, Trebuchet MS, Arial;
text-shadow:0 0 13px #ccc;
color:#fff;
}

#wrapper {
width:960px;
box-shadow:0 0 20px #bbb;
min-height:100%;
background:#fafafa;
margin:0 auto;
}

.menuBar {
background-color:Transparent!important;
border:none!important;
position:relative;
padding:0!important;
}

#contenido {
overflow:auto;
}

ul.form {
margin:5px;
}

ul.form > li {
padding-top:5px;
}

ul.form > li > label {
color:#333;
display:block;
border-bottom:solid 1px #ccc;
font-weight:700;
font-size:8pt;
margin-right:5px;
padding:3px;
}

ul.form > li > label img {
vertical-align:baseline;
}

ul.form > li > div {
margin-right:5px;
margin-top:3px;
}

ul.form > li.buttons {
text-align:center;
clear:both;
}

.textbox,.combo {
border:solid 1px #ddd;
}

.textbox:focus,.combo:focus {
box-shadow:inset 1px 1px 4px #ddd;
border-color:#444;
}

.linkbutton,.titlebarButton {
text-decoration:none;
color:#666;
border:1px solid transparent;
text-align:center;
font-weight:700;
line-height:13px;
border-radius:2px;
outline:none;
padding:3px;
}

.titlebarButton {
color:#fff;
}

.linkbutton:hover,.titlebarButton:hover,.linkbuttonselected {
border:1px solid #FF5702;
background-color:#FFA303;
background: -moz-linear-gradient(top, #ffd2aa 0%, #ffa453 50%, #ff7800 51%, #ffa351 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd2aa), color-stop(50%,#ffa453), color-stop(51%,#ff7800), color-stop(100%,#ffa351));
background: -webkit-linear-gradient(top, #ffd2aa 0%,#ffa453 50%,#ff7800 51%,#ffa351 100%);
background: -o-linear-gradient(top, #ffd2aa 0%,#ffa453 50%,#ff7800 51%,#ffa351 100%);
background: -ms-linear-gradient(top, #ffd2aa 0%,#ffa453 50%,#ff7800 51%,#ffa351 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2aa',endColorstr='#ffa351',GradientType=0);
background:linear-gradient(top,#ffd2aa0%,#ffa45350%,#ff780051%,#ffa351100%);
box-shadow:inset 0 0 1px 1px rgba(255,255,255,.6);
color:#000;
}

.tituloSeccion,.popupTitle {
font-family:Ubuntu, Trebuchet MS, Arial;
font-size:120%;
font-weight:700;
background:#008fd6;
color:#fff;
text-shadow:0 0 13px #ccc;
border-bottom:1px solid #0AF;
}

.tituloSeccion {
padding:5px;
}

.titlebar {
background:#008fd6;
color:#fff;
padding:8px;
}

.titlebarTitle,.popupTitle {
font-family:Ubuntu, Trebuchet MS;
font-weight:700;
font-size:20px;
line-height:24px;
text-shadow:0 0 4px #004B97;
}

.tabStrip {
border-bottom:solid 1px #000;
margin-bottom:-1px;
padding-bottom:0!important;
}

.tabStripSelectedTab,.tabStripSelectedTab:hover {
background-color:#f5f5f5;
border:solid 1px #000;
border-bottom-color:#f5f5f5;
color:#000;
cursor:default;
font-weight:700;
margin-bottom:-3px;
outline:none;
text-decoration:none;
border-top-left-radius:3px 3px;
border-top-right-radius:3px 3px;
background-image:0 0 #FFF 100%;
font-size:8pt;
line-height:16px;
padding:3px 5px;
}

.tabStripSelectedTabV,.tabStripSelectedTabV:hover {
background-color:#eee;
background-image:none;
border:solid 1px #000;
border-right-color:#eee;
color:#000;
cursor:default;
display:block!important;
font-weight:700;
margin-right:-1px;
outline:none;
text-align:right;
text-decoration:none;
border-top-left-radius:5px 5px;
border-bottom-left-radius:5px 5px;
font-size:8pt;
padding:5px;
}

.tabStripTab {
background-color:#ccc;
background-repeat:repeat-x;
background-position:left top;
background-image:0 0 #EEE 100%;
font-size:8pt;
line-height:16px;
}

.tabStripTab,.tabStripTab:hover {
border:solid 1px #ccc;
border-bottom:none;
color:#333;
font-weight:400;
outline:none;
text-decoration:none;
border-top-left-radius:3px 3px;
border-top-right-radius:3px 3px;
padding:3px 5px;
}

.tabStripTab:hover,.tabStripTabV:hover {
background-color:#eee;
background-image:none;
color:#000;
}

.tabStripTabV,.tabStripTabV:hover {
background-color:#ccc;
background-image:none;
border:solid 1px #ccc;
border-right:none;
color:#333;
display:block!important;
font-weight:400;
margin-left:2px;
outline:none;
text-align:right;
text-decoration:none;
border-top-left-radius:3px 3px;
border-bottom-left-radius:3px 3px;
font-size:8pt;
padding:3px 3px 3px 0;
}

.tabStripV {
border-right:solid 1px #000;
}

.tabStripV span {
display:block;
float:none!important;
margin:2px 0!important;
}

.ItemList {
position:relative;
}

.ItemList .modele {
right:4px;
top:50%;
margin-top:-12px;
position:absolute;
}

.ItemList .categoria,.ItemList .estado,.ItemList .fecha,.ItemList .prioridad,.ItemList .comentarios {
top:50%;
height:16px;
margin-top:-8px;
display:inline-block;
position:absolute;
}

.ItemList .categoria {
left:44px;
}

.ItemList .estado {
left:24px;
}

.ItemList .prioridad {
left:4px;
}

.ItemList .fecha {
left:64px;
line-height:11px;
height:11px;
font-size:.78em;
border-radius:3px;
width:55px;
background:#FFF;
border:1px solid #9dccff;
text-align:center;
padding:2px;
}

.ItemList .comentarios {
left:130px;
line-height:11px;
height:11px;
font-size:.78em;
border-radius:3px;
width:16px;
background:#FFF;
border:1px solid #9dccff;
text-align:center;
padding:2px;
}

.ItemList .detalle {
margin-left:156px;
margin-right:30px;
overflow:hidden;
}

.ItemList .titulo {
font-size:120%;
font-weight:700;
cursor:pointer;
line-height:16px;
color:#333;
text-decoration:none;
padding-bottom:3px;
display:inline-block;
}

.ItemList ul li {
border:none!important;
background-color:Transparent!important;
float:left;
width:30%;
}

.ItemList li.radio {
background-color:#f0f0ff;
}

.ItemList img {
vertical-align:middle;
}

.columna25 {
float:left;
width:25%;
}

.columna75 {
float:left;
width:75%;
}

.columna33 {
float:left;
width:33.299999%;
}

.columna66 {
float:left;
width:66.599998%;
}

.columna,.columna50 {
float:left;
width:50%;
}

.clear {
clear:both;
}

.popupBack {
background-color:rgba(0,0,0,0.45);
width:100%;
height:100%;
top:0;
left:0;
position:fixed;
z-index:999;
}

.popupContent,.popupContentSmall {
width:80%;
height:80%;
top:10%;
left:10%;
position:fixed;
z-index:1000;
border:1px solid #fff;
background-color:#fff;
box-shadow:0 0 10px #000;
border-radius:3px;
overflow:auto;
}

.popupLoader {
overflow:hidden;
top:5%;
background-image:url(../images/ajax-loader.gif);
background-position:center center;
background-repeat:no-repeat;
}

.popupContentSmall {
width:220px;
height:45px;
top:50%;
left:50%;
line-height:19px;
margin-top:-35px;
margin-left:-120px;
text-align:center;
font-weight:700;
padding:10px;
}

.popupTitle {
border-radius:1px 1px 0 0;
padding:5px;
}

ul.archivos {
overflow:hidden;
}

ul.archivos li {
text-align:center;
}

ul.archivos li.imagen {
background-color:#fff!important;
text-align:center;
}

ul.archivos img {
max-width:99%;
max-height:100px;
}
ul.archivos a.arc {
padding-left: 20px;
display:block;
position: relative;
text-align: left;
overflow: hidden;
}
ul.archivos a.arc span {
display: block;
font-weight: normal;
}
ul.archivos .icono {
position: absolute;
top: 50%;
margin-top: -8px;
left: 2px;
height: 16px;
width: 16px;
}
.meta-izq {
float:left;
color:#555;
font-size:smaller;
font-weight:400;
padding:3px;
}

.titulo .meta-izq {
font-size:70%;
font-weight:400;
line-height:7pt;
display:block;
float:none;
padding:0;
}

.meta-der {
float:right;
color:#555;
font-size:smaller;
padding:3px;
}

.comentario {
clear:both;
padding:3px;
}

.utilitario {
padding:3px;
}

.utilitario a {
text-decoration:none;
color:#555;
font-weight:700;
line-height:16px;
font-size:larger;
}

.utilitario a:hover {
color:#000;
}

.utilitario a img {
float:left;
margin-right:4px;
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(../images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}